<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>HtmlBox - Demo Silk Icon Set</title>
	<script type="text/javascript" src="jquery-ui-1.8.custom/development-bundle/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="jquery.codify.min.js"></script>
	<script type="text/javascript" src="htmlbox.colors.js"></script>
	<script type="text/javascript" src="htmlbox.styles.js"></script>
	<script type="text/javascript" src="htmlbox.syntax.js"></script>
	<script type="text/javascript" src="htmlbox.undoredomanager.js"></script>
	<script type="text/javascript" src="htmlbox.min.js"></script>
</head>
<body>
<h2>Default Skin</h2>
<textarea id="htmlbox_silk_icon_set_default">This HtmlBox uses the wonderful Silk Icon Set</textarea>
<script language="Javascript" type="text/javascript">
var hb_silk_icon_set_default = $("#htmlbox_silk_icon_set_default").css("height","100").css("width","600").htmlbox({
    toolbars:[
	     ["cut","copy","paste","separator_dots","bold","italic","underline","strike","sub","sup","separator_dots","undo","redo","separator_dots",
		 "left","center","right","justify","separator_dots","ol","ul","indent","outdent","separator_dots","link","unlink","image"],
		 ["code","removeformat","striptags","separator_dots","quote","paragraph","hr","separator_dots",
			 {icon:"new.png",tooltip:"New",command:function(){hb_silk_icon_set_blue.set_text("<p></p>");}},
			 {icon:"open.png",tooltip:"Open",command:function(){alert('Open')}},
			 {icon:"save.png",tooltip:"Save",command:function(){alert('Save')}}
		  ]
	],
	icons:"silk",
	skin:"default"
});
</script>
<h2>Blue Skin</h2>
<textarea id="htmlbox_silk_icon_set_blue">This HtmlBox uses the wonderful Silk Icon Set</textarea>
<script language="Javascript" type="text/javascript">
var hb_silk_icon_set_blue = $("#htmlbox_silk_icon_set_blue").css("height","100").css("width","600").htmlbox({
    toolbars:[
	     ["cut","copy","paste","separator_dots","bold","italic","underline","strike","sub","sup","separator_dots","undo","redo","separator_dots",
		 "left","center","right","justify","separator_dots","ol","ul","indent","outdent","separator_dots","link","unlink","image"],
		 ["code","removeformat","striptags","separator_dots","quote","paragraph","hr","separator_dots",
			 {icon:"new.png",tooltip:"New",command:function(){hb_silk_icon_set_blue.set_text("<p></p>");}},
			 {icon:"open.png",tooltip:"Open",command:function(){alert('Open')}},
			 {icon:"save.png",tooltip:"Save",command:function(){alert('Save')}}
		  ]
	],
	icons:"silk",
	skin:"blue"
});
</script>
<h2>Green Skin</h2>
<textarea id="htmlbox_oo_icon_set_green">This HtmlBox uses the wonderful Silk Icon Set</textarea>
<script language="Javascript" type="text/javascript">
var hb_silk_icon_set_green = $("#htmlbox_oo_icon_set_green").css("height","100").css("width","600").htmlbox({
    toolbars:[
	     ["cut","copy","paste","separator_dots","bold","italic","underline","strike","sub","sup","separator_dots","undo","redo","separator_dots",
		 "left","center","right","justify","separator_dots","ol","ul","indent","outdent","separator_dots","link","unlink","image"],
		 ["code","removeformat","striptags","separator_dots","quote","paragraph","hr","separator_dots",
			 {icon:"new.png",tooltip:"New",command:function(){hb_silk_icon_set_green.set_text("<p></p>");}},
			 {icon:"open.png",tooltip:"Open",command:function(){alert('Open')}},
			 {icon:"save.png",tooltip:"Save",command:function(){alert('Save')}}
		  ]
	],
	icons:"silk",
	skin:"green"
});
</script>
<h2>Red Skin</h2>
<textarea id="htmlbox_silk_icon_set_red">This HtmlBox uses the wonderful Silk Icon Set</textarea>
<script language="Javascript" type="text/javascript">
var hb_silk_icon_set_red = $("#htmlbox_silk_icon_set_red").css("height","100").css("width","600").htmlbox({
    toolbars:[
	     ["cut","copy","paste","separator_dots","bold","italic","underline","strike","sub","sup","separator_dots","undo","redo","separator_dots",
		 "left","center","right","justify","separator_dots","ol","ul","indent","outdent","separator_dots","link","unlink","image"],
		 ["code","removeformat","striptags","separator_dots","quote","paragraph","hr","separator_dots",
			 {icon:"new.png",tooltip:"New",command:function(){hb_silk_icon_set_red.set_text("<p></p>");}},
			 {icon:"open.png",tooltip:"Open",command:function(){alert('Open')}},
			 {icon:"save.png",tooltip:"Save",command:function(){alert('Save')}}
		  ]
	],
	icons:"silk",
	skin:"red"
});
</script>
</body>
</html>
